<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="grame"/>
    <title>Login</title>
</head>

<body>
<div class="container">
    <div class="row">
        <div class="col-xs-offset-2 col-xs-8 col-sm-offset-3 col-sm-6">
            <g:form action="signIn" class="form-group form-group-lg" role="form">
                <h2 class="panel-heading">Please sign in</h2>
                <g:if test="${flash.message}"><div class="text-warning">${flash.message}</div></g:if>
                <input type="hidden" name="targetUri" value="${targetUri}"/>
                <input type="text" class="form-control" placeholder="Username" name="username" value="${username}" required autofocus/>
                <input type="password" class="form-control" placeholder="Password" value="" onchange="$('#password').val(maskPassword(this.value))" required/>
                <input type="hidden" id="password" name="password" value=""/>

                <div class="checkbox">
                    <label>
                        <g:checkBox name="rememberMe" value="${rememberMe}"/>Remember me
                    </label>
                </div>
                <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
            </g:form>
        </div>
    </div>
</div> <!-- /container -->
<content tag="script">
    <asset:javascript src="auth"/>
</content>
</body>
</html>
